import React, { Component, Suspense } from 'react';
import { connect } from 'dva';
import { Layout, Menu, Breadcrumb, Carousel, Row, Col, Icon, Button, Divider, Tabs} from 'antd';
// import Ellipsis from '@/components/Ellipsis';
// import Slider from '@/components/Slider'
// import ActivitySlider from '@/components/ActivitySlider'
// import BigTitle from '@/components/BigTitle'
// import AboutUS from '@/components/AboutUS'
// import Question from '@/components/Question'
import {BIAOTI, GYWM, JIANTOU4, YUAN} from '../../constants'
import styles from './index.less';
// import router from 'umi/router';

@connect(({ chart, loading }) => ({
  // chart,
  // loading: loading.effects['chart/fetch'],
}))
class InformationItem extends Component {
  state = {
  };

  componentDidMount() {
  }

  componentWillUnmount() {
  }

  render() {

    const { title,  content} = this.props;

    return (
      <div>
        <Row>
          <Col span={2} style={{textAlign: 'center'}}>
            <img className={styles.imgLeft} src={YUAN} />
              {/*{title}*/}
          </Col>
          <Col span={20}>
            {/*<Ellipsis lines={1}><span style={{fontSize: 12, color: '#333333'}}>{title}</span></Ellipsis>*/}
            <span style={{fontSize: 12, color: '#333333'}}>{title.length > 25 ? title.substr(0, 25) + '...' : title}</span>
            {/*<span style={{fontSize: 12, color: '#333333'}}>{title}</span>*/}
          </Col>
          <Col span={2}>
            <img className={styles.imgRight} src={JIANTOU4} />
          </Col>
        </Row>
        <Row>
          <Col span={24}>
            {/*<Ellipsis tooltip lines={1}>*/}
              {/*<span style={{fontSize: 12, color: '#999999', marginLeft: 25}}>{content}</span>*/}
            {/*</Ellipsis>*/}
            <span style={{fontSize: 12, color: '#999999', marginLeft: 25}}>{content}</span>
          </Col>
        </Row>
      </div>
    );
  }
}

export default InformationItem;
